<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>order-page</title>
    <!--订单结算页-->
    <link rel="stylesheet" href="/css/order-show.css"/>
    <script type="text/javascript" src="/js/jquery-3.4.1.js"></script>
    <script th:inline="javascript">

    </script>
</head>
<body>
    <div class="getOrder">
        <div class="check-mes">
            <span>填写并核对订单信息</span>
        </div>
        <div class="check-center">
            <h3 style="display: inline">收货人信息</h3>
            <!--<div class="CarPage"><a href="addAddress">新增收货地址</a></div>-->
            <br><br>
            <div class="def">
                <span>姓名+电话+地址</span>
            </div>
            <br>
            <label for="address">更多地址</label>
            <select id="address">
                <option selected value="">请选择</option>
                <option value="1">湖北省武汉市洪山区珞瑜路狮城名居</option>
                <option value="2">陕西省西安市雁塔区丈八街道南窑头社区东区</option>
                <option value="3">山西省太原市小店区肉联厂西</option>
            </select>
            <hr>
            <h3>支付方式</h3>
            <label>
                <input type="radio" name="pay" checked>
            </label> 支付宝支付
            <label>
                <input type="radio" name="pay">
            </label> 微信支付
            <label>
                <input type="radio" name="pay">
            </label> 银联支付
            <hr>
            <h3 style="display: inline">送货清单</h3>
            <div class="CarPage">
                <a href="addCarPage" style="color: #005ea7">返回购物车</a>
            </div>
            <br/><br/>
            <div class="goods-list">
                <div class="order-list" th:each="order,orderStat : ${orders}">
                    <div class="spu-list" th:each="spu,spuStat : ${order.spuList}">
                        <div class="spu-img" th:name="${spu.id}">
                            <img th:src="${spu.img}" class="img-fluid" alt="商品图片"/>
                        </div>
                        <div class="sku-list" th:each="sku,skuStat : ${spu.skuList}">
                            <strong>商品标题&emsp;
                                <span class="title">[[${spu.goodName}]]</span>
                            </strong><br/>
                            <strong>商品配置&emsp;
                                <span class="title">[[${sku.color}]]</span>
                            </strong><br/>
                            <strong>商品价格&emsp;
                                <span class="title">[[${sku.price}]] x 数量 1</span>
                            </strong><br/>
                            <span class="number-7">7</span>
                            <span>支持7天无理由退货（防伪签、密封条损毁不支持）</span>
                        </div>
                    </div>
                </div>
            </div>
            <br/>
            <strong class="big">配送方式：</strong>
            <span class="big">快递运输</span><br/>
        </div>
        <div class="pri-sum">
            <p>
                总金额：<span class="price showPrice">¥[[${orders[0].spuList[0].skuList[0].price}]]</span>
            </p>
            <p>
                运费：&nbsp;&nbsp;<span class="price">￥0</span>
            </p>
        </div>
        <div style="clear: both"></div>
        <div class="realP">
            <span class="real-tit">
                应付总额：<span style="color: red" class="showPrice">¥[[${orders[0].spuList[0].skuList[0].price}]]</span>
            </span>
            <span class="real-tit">
                <!--寄送至：<span class="showDef">￥100</span>-->
                收货人：<span>[[${user.username}]]</span>
            </span>
        </div>
        <div id="pay" class="place">支付下单</div>
        <br><br><br><br><br>
    </div>
</body>
</html>
